<app-com-backtop></app-com-backtop>

<div dAnchorBox [view]="{ top: 180, bottom: 0 }" [defaultAnchor]="'base-info'" class="mymain"
  style="position: relative">

  <div class="mycontent">
    <div [dAnchor]="item.id" *ngFor="let item of agrs" class="section-block">
      <h3 class="devui-h3-title">{{ item.name }}</h3>
      <pre #pre [innerText]="item.content"></pre>

      <d-row [dJustify]="'end'">
        <d-col [dSpan]="3">
          <d-checkbox [label]="'我同意'" [isShowTitle]="false" [(ngModel)]="item.checked" (change)="openDialog(item,pre)">
          </d-checkbox>
        </d-col>
        <d-col [dSpan]="3">
          <d-button [disabled]="!item.checked">打印协议</d-button>
        </d-col>
      </d-row>

    </div>
  </div>

  <div class="mysidebar">
    <d-sticky [view]="{ top: 180, bottom: 0 }">
      <ul class="step-nav">
        <li [dAnchorLink]="item.id" *ngFor="let item of agrs" anchorActive="active">
          {{ item.name }}
        </li>
      </ul>
    </d-sticky>
  </div>
</div>